.page { min-height:100%; margin:0 auto; background:#f7f7f7; }

.header { width:100%; height:50px; background:#4664af; position:fixed; left:0; top:0; overflow:hidden; z-index:900;}
.header .title { font-size:20px; color:#fff; line-height:50px; margin:0 15%; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.header .btn_back { width:32px; height:32px; padding:9px; position:absolute; left:0; top:0; cursor:pointer; z-index:2; cursor:pointer;}
.header .btn_del { width:32px; height:32px; padding:9px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; cursor:pointer;}
.header .btn_share { width:32px; height:32px; padding:9px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; cursor:pointer;}
.topBar { position:fixed; left:0; top:50px; width:100%; z-index:777;}
.footer { position:fixed; left:0; bottom:0; width:100%;}

.nav { width:100%; height:54px; background:#212121; display:-webkit-box; display:-moz-box; display:box; overflow:hidden; zoom:1;}
.nav .item { font-size:14px; color:#bdbdbd; text-align:center; display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; overflow:hidden; zoom:1; position:relative;}
.nav .item i { display:block; width:28px; height:28px; margin:4px auto 0 auto;}
.nav .item:nth-child(1) i { background:url(../images/find.png) no-repeat center top ; background-size:100% auto;}
.nav .item:nth-child(2) i { background:url(../images/home.png) no-repeat center top ; background-size:100% auto;}
.nav .item:nth-child(3) i { background:url(../images/message.png) no-repeat center top ; background-size:100% auto;}
.nav .item:nth-child(4) i { background:url(../images/me.png) no-repeat center top ; background-size:100% auto;}
.nav .on { color:#22A1B5; }
.nav .on i { background-position:center bottom !important;}

.tab { background:#fff; border-bottom:1px solid #e6e6e6; display:-webkit-box; display:-moz-box; display:box; overflow:hidden; zoom:1; text-align:center;}
.tab .item { margin:0 15px; height:54px; line-height:54px; font-size:16px; color:#8c8c8c; display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0; overflow:hidden; zoom:1; position:relative;}
.tab .on .item { color:#ff5959; border-bottom:2px solid #ff5959;}
.tab2 .item { margin:0;}
.swiper-tab { width:100%;}

.headline { background:#f7f7f7; color:#737373; border-bottom:1px solid #e6e6e6; font-size:14px; font-weight:normal; padding:15px;}
.headline .icon { width:18px; height:18px; vertical-align:middle;}

.btn_red { width:100%; height:50px; line-height:50px; background:#ff5959; color:#fff; font-size:16px; display:block; margin:0; padding:0; border:none; cursor:pointer; position:relative;}
.btn_gray { width:100%; height:50px; line-height:50px; background:#a6a6a6; color:#fff; font-size:16px; display:block; margin:0; padding:0; border:none; cursor:pointer; position:relative;}

.btn_red .icon_r { width:20px; height:20px; margin:-10px 0 0 0; position:absolute; top:50%; right:15px;}
.btn_gray .icon_r { width:20px; height:20px; margin:-10px 0 0 0; position:absolute; top:50%; right:15px;}

.red { color:#ff5959;}
.gray { color:#8c8c8c;}
.blue { color:#4664af;}
.green { color:#80b05f;}

.nomore { padding:20px; text-align:center; font-size:14px; color:#8c8c8c;}

/*--listview--*/
.listview { background:#fff;}
.listview .item { padding:0 15px; border-bottom:1px solid #e6e6e6; overflow:hidden; zoom:1; position:relative;}
.listview .txt { font-size:14px; line-height:16px; padding:17px 0; display:inline-block; color:#8c8c8c;}
.listview input[type="text"] { width:100%; margin:0; padding:17px 0; line-height:16px; font-size:14px; border:none; background:none; box-sizing:border-box; font-family:Arial,"Microsoft YaHei";}

.listview .fl { float:left;}
.listview .fr { float:right;}
.listview .fl .txt { color:#8c8c8c;}
.listview .fr .txt { color:#1f1f1f;}
.listview .fr input[type="text"] { text-align:right;}

.listview .fl_icon { padding-left:30px; position:relative;}
.listview .fl_icon .icon { width:24px; height:24px; margin:-12px 0 0 0; position:absolute; left:0; top:50%;}
.listview .arr { padding-right:30px; position:relative;}
.listview .arr:after { content:""; width:10px; height:10px; margin:-5px 0 0 0; position:absolute; right:0px; top:50%; background:url(../images/icon_r8.png) no-repeat; background-size:100% 100%;}

.listview .face { width:36px; height:36px; border-radius:100%; vertical-align:middle; margin:0 10px;}
.listview .ipt_addr input[type="text"] { display:inline-block; width:5em; text-align:center;}

/*--个人中心--*/
.user_info { padding:15px; background:#4664af; background:linear-gradient(#4664af,#768dc7); text-align:center;}
.user_info .face { width:80px; height:80px; border-radius:100%; box-sizing:border-box; display:block; margin:0 auto; border:2px solid #a4b3d8;}
.user_info .level { height:30px; padding:0 10px; line-height:30px; font-size:14px; background:#e3c23f; color:#fff; display:inline-block; border-radius:100px; position:relative; top:-10px;}
.user_info .level .icon_level { width:20px; height:20px; vertical-align:middle;}
.user_info .level .icon_up { width:10px; height:10px; vertical-align:middle;}
.user_info .name { font-size:18px; color:#fff;}

.user_relation { overflow:hidden; zoom:1;}
.user_relation .item { float:left; width:50%; height:50px; line-height:50px; background:#6e87c4; color:#d1dcf6; display:block; width:50%; text-align:center;}
.user_relation .icon { height:14px;}
.user_relation .item:nth-child(2) { background:#657fbf;}

.user_nav { overflow:hidden; zoom:1; position:relative;}
.user_nav .item { float:left; width:25%; padding:20px 0; font-size:14px; box-sizing:border-box; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#fff; text-align:center;}
.user_nav .item:nth-child(4n) { border-right:none;}
.user_nav .icon { width:40px; height:40px; display:block; margin:0 auto 5px auto;}

/*--升级--*/
.option_list .item { height:50px; line-height:50px; text-align:center; background:#fff; border-bottom:1px solid #e6e6e6; position:relative; cursor:pointer;}
.option_list .on:after { width:16px; height:16px; margin:-8px 0 0 0; position:absolute; top:50%; right:15px; background:url(../images/icon_v2.png) no-repeat; background-size:100% 100%; content:"";}
.option_list .on2 { background:#ff5959; color:#fff;}

.upload_idcard { padding:20px; background:#fff; border-bottom:1px solid #e6e6e6; }
.upload_idcard .frame { width:70%; padding:35% 0 0 0; margin:0 auto; border:1px dashed #c6c6c6; background:#fff; overflow:hidden; position:relative;}
.upload_idcard .frame input[type="file"] { position:absolute; left:0; top:0; width:100%; height:100%; background:red; z-index:2; opacity:0; cursor:pointer;}
.upload_idcard .pic { width:200%; height:100%; position:absolute; left:-50%; top:0; text-align:center; overflow:hidden;}
.upload_idcard .pic img { height:100%;}
.upload_idcard .tips { margin:5px 0 0 0; font-size:14px; text-align:center;}

.attention_top { font-size:14px; color:#ff5959; background:#fff4d3 url(../images/icon_attention.png) no-repeat 15px 17px; background-size:16px 16px; padding:15px 15px 15px 36px;}

/*--我的出货--*/
.shipment_total { padding:15px; background:#fff; text-align:center;}
.shipment_total h3 { font-size:16px; font-weight:normal; padding:5px 15px; background:#ff5959; color:#fff; font-size:14px; border-radius:100px; display:inline-block;}
.shipment_total .money { font-size:18px; color:#4664af; margin:12px 0 0 0;}
.shipment_total .money span { font-size:28px;}

.shipment_date { padding:20px 0; text-align:center; }
.shipment_date .month{ margin:0 0 20px 0; color:#8c8c8c; font-size:12px; display:inline-block; position:relative;}
.shipment_date .month span { color:#9ea8c1; font-size:18px; display:block;}
.shipment_date .btn_prev { width:30px; height:30px; margin:-15px 0 0 0; position:absolute; top:50%; left:-45px; cursor:pointer;}
.shipment_date .btn_next { width:30px; height:30px; margin:-15px 0 0 0; position:absolute; top:50%; right:-45px; cursor:pointer;}

/*--相关出货--*/
.order_list { margin:0 0 10px 0; background:#fff;}
.order_list .item { display:block; padding:15px 80px 15px 100px; min-height:70px; border-bottom:1px solid #e6e6e6; overflow:hidden; zoom:1; position:relative;}
.order_list .item:last-child { border:none;}
.order_list .pic { width:70px; height:70px; position:absolute; left:15px; top:15px;}
.order_list .title { font-size:16px; color:#1f1f1f;}
.order_list .desc { font-size:14px; color:#8c8c8c; margin:5px 0 0 0;}
.order_list .count { margin:5px 0 0 0;}
.order_list .count button { width:28px; height:28px; line-height:28px; text-align:center; border:1px solid #d1d6e1; background:#e6e6e6; margin:0; padding:0; box-sizing:border-box; vertical-align:middle;}
.order_list .count input[type="text"] { width:4em; height:28px; line-height:28px; background:#fff; border:none; border-top:1px solid #d1d6e1; border-bottom:1px solid #d1d6e1; margin:0; padding:0; text-align:center; box-sizing:border-box; vertical-align:middle;}
.order_list .price { font-size:18px; color:#80b05f; position:absolute; top:15px; right:15px;}
.order_list .bottom { font-size:14px; color:#1f1f1f; padding:15px; border-bottom:1px solid #e6e6e6; position:relative;}
.order_list .total { color:#8c8c8c; position:absolute; right:15px; top:13px;  background:url(../images/icon_total.png) no-repeat left center; background-size:16px 16px; padding:0 0 0 25px;}
.order_list .total span { font-size:18px;}
.order_list .t { background:url(../images/icon_total.png) no-repeat left center; background-size:16px 16px; padding:0 0 0 25px;}
.order_list .top { font-size:14px; color:#737373; padding:15px; border-bottom:1px solid #e6e6e6; position:relative; overflow:hidden; zoom:1;}
.order_list .num { float:left; background:url(../images/icon_num.png) no-repeat; background-size:16px 16px; padding:0 0 0 25px;}
.order_list .time { float:right; background:url(../images/icon_cart.png) no-repeat; background-size:16px 16px; padding:0 0 0 25px;}
.order_list .btns { position:absolute; right:15px; bottom:8px;}
.order_list .b_red { margin:0 0 0 5px; padding:8px 10px; background:#fff; color:#ff5959; border:1px solid #ff5959; font-size:12px; font-style:normal; border-radius:4px; display:inline-block;}
.order_list .b_green { margin:0 0 0 5px; padding:8px 10px; background:#fff; color:#80b05f; border:1px solid #80b05f; font-size:12px; font-style:normal; border-radius:4px; display:inline-block;}
.order_list .b_black { margin:0 0 0 5px; padding:8px 10px; background:#fff; color:#595959; border:1px solid #595959; font-size:12px; font-style:normal; border-radius:4px; display:inline-block;} 
.order_list .b_blue { margin:0 0 0 5px; padding:8px 10px; background:#fff; color:#4664af; border:1px solid #4664af; font-size:12px; font-style:normal; border-radius:4px; display:inline-block;}
.order_list .face { width:32px; height:32px; border-radius:100%; position:absolute; left:15px; top:50%; margin:-16px 0 0 0;}
.order_list .top .blue { margin-left:40px;}
.order_list .status { margin:10px 0 0 14px; position:relative;}
.order_list .status i { min-width:4em; text-align:center; padding:2px 8px; background:#ff5959; color:#fff; font-size:12px; font-style:normal; border-radius:100px; display:inline-block; position:relative; top:-2px; right:2px;}
.order_list .status_gray i { background:#bfbfbf;}
.order_list .status:after { content:""; width:10px; height:10px; background:url(../images/icon_r2.png) no-repeat; background-size:100% auto; display:block; position:absolute; left:-14px; top:50%; margin:-5px 0 0 0;}
.order_list .status_gray:after { background-image:url(../images/icon_r6.png);}

.order_list2 { margin:0 0 10px 0; background:#fff;}
.order_list2 .item { padding:15px 15px 15px 100px; min-height:70px; border-bottom:1px solid #e6e6e6; overflow:hidden; zoom:1; position:relative;}
.order_list2 .item:last-child { border:none;}
.order_list2 .pic { width:70px; height:70px; position:absolute; left:15px; top:15px;}
.order_list2 .title { font-size:16px; color:#1f1f1f;}
.order_list2 .desc { font-size:14px; color:#8c8c8c; margin:5px 0 0 0;}
.order_list2 .bottom { font-size:14px; color:#1f1f1f; padding:15px; border-bottom:1px solid #e6e6e6; position:relative;}
.order_list2 .income { color:#ff5959; font-size:18px; position:absolute; right:15px; top:13px;}
.order_list2 .income i { padding:2px 8px; background:#ff5959; color:#fff; font-size:12px; font-style:normal; border-radius:100px; display:inline-block; position:relative; top:-2px; right:2px;}
.order_list2 .cost { color:#4664af; font-size:18px; position:absolute; right:15px; top:13px;}
.order_list2 .cost i { padding:2px 8px; background:#9ea8c1; color:#fff; font-size:12px; font-style:normal; border-radius:100px; display:inline-block; position:relative; top:-2px; right:2px;}
.order_list2 .top { font-size:14px; color:#737373; padding:15px 15px 15px 55px; border-bottom:1px solid #e6e6e6; position:relative;}
.order_list2 .face { width:32px; height:32px; border-radius:100%; position:absolute; left:15px; top:50%; margin:-16px 0 0 0;}
.order_list2 .time { position:absolute; top:15px; right:15px; color:#737373; background:url(../images/icon_cart.png) no-repeat; background-size:16px 16px; padding:0 0 0 25px;}

.order_info { font-size:14px; color:#595959; background:#fff; padding:15px; margin:10px 0 0 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.order_info p { margin:5px 0;}

.date_sel { background:#f7f7f7; padding:20px 15px; text-align:center;}
.date_sel .arr { width:24px; height:24px; vertical-align:middle;}
.date_sel input[type="text"] { font-size:14px; border:1px solid #9ea8c1; width:6em; height:36px; line-height:36px; border-radius:4px; text-align:center;}
.date_sel button { width:4em; height:40px; line-height:40px; font-size:14px; background:#9ea8c1; margin:0 0 0 5px; padding:0; border:none; color:#fff; border-radius:4px; text-align:center; cursor:pointer;}

/*--在线下单--*/
.order_remark { background:#fff; border-bottom:1px solid #e7e7e7;}
.order_remark textarea { width:100%; height:4em; margin:0; border:none; padding:15px; font-size:14px;}

.order_addr { background:#fff url(../images/line.png) repeat-x left bottom; background-size:auto 4px; padding:15px 15px 15px 20px; overflow:hidden; zoom:1;}
.order_addr .name { float:left; color:#4664af; padding:0 0 0 30px;}
.order_addr .tel { float:right;}
.order_addr .desc { clear:both; font-size:14px; padding:10px 0 5px 30px; background:url(../images/icon_addr.png) no-repeat left 8px; background-size:24px; min-height:24px;}
.order_addr .arr { display:block; padding-right:50px; position:relative;}
.order_addr .arr:after { content:""; width:20px; height:20px; margin:-10px 0 0 0; position:absolute; right:0px; top:50%; background:url(../images/icon_r.png) no-repeat; background-size:100% 100%;}

.addr_list .item { font-size:14px; margin:10px; padding:15px 90px 15px 15px; background:#fff; border:1px solid #e6e6e6; border-radius:6px; overflow:hidden; zoom:1; position:relative;}
.addr_list .name { float:left; color:#212121; font-size:16px;}
.addr_list .tel { float:right; color:#212121; font-size:16px;}
.addr_list .desc { clear:both; padding:10px 0 5px 0; min-height:24px;}
.addr_list .btn_del { color:#737373; margin-left:20px; padding-left:22px; background:url(../images/icon_del.png) no-repeat left center; background-size:18px 18px;}
.addr_list .btn_edit { color:#737373; width:70px; height:80%; border-left:1px solid #e6e6e6; background:url(../images/icon_edit.png) no-repeat center; background-size:20px 20px; position:absolute; right:0; top:10%; overflow:hidden; text-indent:-9999em;}
.addr_list .on { border:1px solid #9ea8c1;}

.addr_add { margin:10px;}
.addr_add .btn_add { width:100%; height:50px; line-height:50px; text-align:center; display:block; margin:0; padding:0; border:1px solid #9ea8c1; border-radius:6px; background:#e7edfa url(../images/icon_add2.png) no-repeat center; cursor:pointer; background-size:32px 32px; text-indent:-9999em; overflow:hidden;}


/*--我的推荐--*/
.my_recomment .item { margin:10px; padding:10px 0; background:#fff; border:1px solid #e6e6e6; border-radius:6px; overflow:hidden; zoom:1; position:relative;}
.my_recomment .fl { float:left; width:30%; box-sizing:border-box; text-align:center; border-right:1px solid #e6e6e6;}
.my_recomment .fr { float:right; width:70%; padding:0 1em; box-sizing:border-box;}
.my_recomment .face { width:4em; height:4em; border-radius:100%;}
.my_recomment .name { margin:5px 0; color:#4664af;}
.my_recomment .btn_ordering { font-size:14px; padding:3px 6px; background:#ff5959; color:#fff; font-size:14px; border-radius:4px; display:inline-block;}
.my_recomment li { color:#1f1f1f; margin:5px 0; font-size:14px;}
.my_recomment li span { color:#8c8c8c; display:inline-block; min-width:5em;}

/*--代理轨迹--*/
.agent_info { margin:80px 10px 0 10px; background:#fff; border:1px solid #e6e6e6; border-radius:6px;}
.agent_info .face { width:100px; height:100px; display:block; margin:-50px auto 0 auto; border-radius:100%; border:3px solid #fff; box-shadow:0 0 3px #ccc;}
.agent_info .name { margin:5px 0 15px 0; font-size:18px; color:#4664af; text-align:center;}
.agent_info ul { margin:0 0 10px 0; padding:10px; background:#ff5959; color:#fff; overflow:hidden;}
.agent_info li { width:50%; float:left; margin:5px 0; padding:0 5px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.agent_info li:nth-child(2n+1) { clear:both;}
.agent_info li:nth-child(even) { width:45%;}
.agent_info li:nth-child(odd) { width:55%;}

.agent_path { margin:0 0 30px 0; padding:15px 0; background:url(../images/line2.png) repeat-y 65px 0; position:relative;}
.agent_path .item { margin:10px; padding:10px 20px 10px 115px; min-height:80px; background:#fff; border:1px solid #e6e6e6; border-radius:6px; position:relative;}
.agent_path .icon { width:80px; height:80px; position:absolute; left:15px; top:50%; margin:-40px 0 0 0;}
.agent_path .desc { margin:20px 0 0 0; font-size:14px; line-height:1.5em;}
.agent_path .time { position:absolute; right:20px; top:20px; font-size:14px; color:#8c8c8c;}
.agent_path:after { content:""; width:12px; height:12px; position:absolute; left:58px; bottom:-10px; background:#f7f7f7; border:2px solid #c2cbe1; border-radius:100%; display:block;}

.agent_path2 { margin:0 0 30px 0; padding:5px 0 15px 0; background:url(../images/line2.png) repeat-y 65px 0; position:relative;}
.agent_path2 .item { margin:10px; padding:10px 20px 10px 115px; min-height:80px; background:#fff; border:1px solid #e6e6e6; border-radius:6px; position:relative;}
.agent_path2 .icon { width:80px; height:80px; position:absolute; left:15px; top:50%; margin:-40px 0 0 0;}
.agent_path2 .time { font-size:14px; color:#8c8c8c; margin:19px 0 0 0; float:right;}
.agent_path2 .title { font-size:18px; margin:15px 0 0 0; }
.agent_path2 .desc { font-size:14px; margin:5px 0 0 0;}
.agent_path2:after { content:""; width:12px; height:12px; position:absolute; left:58px; bottom:-10px; background:#f7f7f7; border:2px solid #c2cbe1; border-radius:100%; display:block;}

/*--授权审核--*/
.audit .item { margin:10px; padding:10px 0; background:#fff; border:1px solid #e6e6e6; border-radius:6px; overflow:hidden; zoom:1; position:relative;}
.audit .fl { float:left; width:30%; box-sizing:border-box; text-align:center; }
.audit .fr { float:right; width:70%; padding:0 1em; box-sizing:border-box;}
.audit .face { width:4em; height:4em; border-radius:100%; margin:12px 0 0 0;}
.audit .name { margin:5px 0; color:#4664af;}
.audit ul { margin:0 0 8px 0;}
.audit li { color:#1f1f1f; margin:3px 0; font-size:14px;}
.audit li span { color:#8c8c8c; display:inline-block; min-width:5em;}
.audit .btn_pass { font-size:14px; padding:3px 12px; margin:0 6px 5px 0; background:#ff5959; color:#fff; font-size:14px; border-radius:4px; display:inline-block;}
.audit .btn_reject { font-size:14px; padding:3px 12px; margin:0 6px 5px 0; background:#9ea8c1; color:#fff; font-size:14px; border-radius:4px; display:inline-block;}
.audit .seal { width:80px; height:80px; position:absolute; right:20px; bottom:20px;}

/*--证书--*/
.certificate { position:relative;}
.certificate div { position:absolute; text-align:center; font-size:16px; color:#fff;}
.certificate .name { width:44%; left:34%; top:37%; font-size:large;}
.certificate .weixin { width:41%; left:37%; top:42%; font-size:large;}
.certificate .level { width:48%; left:27%; top:51.5%; font-size:large;}
.certificate .time_1 { left:58%; bottom:27%; font-size:x-small;}
.certificate .time_2 { left:58%; bottom:24%; font-size:x-small;} 

/*--返回结果--*/
.result { margin:15% 30px; text-align:center;}
.result .icon { width:200px; display:block; margin:0 auto;}
.result .h { font-size:24px; color:#4664af; font-weight:normal;}
.result .desc { margin:30px 0; font-size:14px; color:#595959;}
.result .btn_go { display:inline-block; background:#9ea8c1; color:#fff; margin:30px 0 0 0; padding:0 20px; height:32px; line-height:32px; border-radius:100px; font-size:14px;}
.result .btn_go img { width:8px; height:8px; vertical-align:middle; margin-left:10px;}

/*--注册分享--*/
.reg_share .logo { width:40%; position:absolute; left:30%; top:25%;}
.reg_share .qrcode { width:50%; position:absolute; left:25%; top:43%; padding:12px; box-sizing:border-box; background:url(../images/qrcode_bg.png) no-repeat; background-size:100% 100%;}
.reg_share .qrcode img { width:100%;}
.reg_share .btn_share { width:100%; position:absolute; left:0; bottom:5%; padding:0 20px; box-sizing:border-box;}
.reg_share .btn_share .btn_red { border-radius:4px;}
.reg_share .top { background:#fff4d3; font-size:14px; min-height:40px; position:relative; padding:5px 0;}
.reg_share .face { width:40px; height:40px; border-radius:100%; position:absolute; left:12px; top:50%; margin:-20px 0 0 0;}
.reg_share .desc { margin:10px 0 0 55px;}
.share_tips { position:fixed; right:10px; top:10px; width:60%; max-width:400px;}

/*--弹窗--*/
.mask { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999;}
.dialog { display:none; z-index:1001; position:fixed; left:50%; top:50%; width:100%;}

.alert { width:70%; max-width:500px; background:#fff; position:relative; box-sizing:border-box; margin:0 auto; overflow:hidden; zoom:1; border-radius:10px; text-align:center;}
.alert h3 { margin:15px 20px; font-size:18px;}
.alert p { margin:15px 20px; font-size:14px; color:#595959; min-height:32px;}

/*--表单--*/
.ipt_o { display:inline-block; position:relative; color:#737373;}
.ipt_o label { margin:-8px 0 0 0; width:16px; height:16px; background:url(../images/ipt_o1.png) no-repeat center; background-size:100% 100%; position:absolute; top:50%; left:0; cursor:pointer;}
.ipt_o input[type="radio"]:checked + label,
.ipt_o input[type="checkbox"]:checked + label { background:url(../images/ipt_o1ed.png) no-repeat center; background-size:100% 100%;}
.ipt_o input[type="radio"]:checked + label + span,
.ipt_o input[type="checkbox"]:checked + label + span { color:#ff5959;}
.ipt_o input[type="radio"],
.ipt_o input[type="checkbox"] { visibility:hidden; }
.ipt_o span { padding-left:5px;}


.rotate{animation:rotate 2s linear infinite;-webkit-animation:rotate 2s linear infinite}
@keyframes rotate{from{transform:rotate(0);-webkit-transform:rotate(0)}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate{from{transform:rotate(0);-webkit-transform:rotate(0)}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}

.alert_tip{margin:0 auto;padding:15px;width:160px;height:160px;border-radius:4px;background:rgba(0,0,0,.7);text-align:center}
.alert_tip .icon{margin:15px auto;width:80px;height:80px}
.alert_tip .title{margin:10px 0;color:#fff}
.alert_tip .title{margin:0}
